<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
      html,body{
            border:1px solid grey;
            }
    </style>
</head>
<body>
<!--<h1>mn2页面</h1>-->
<div class="lk1">档期管理</div>
<div class="lk2">
  <div class="lk21"><span>档期分类:</span><select name=""></select></div>
  <div class="lk22"><span>选择时间:</span><select name="">
      <option value="">2015-06-2至2015-07-06</option></select></div>
  <div class="lk23"><input type="search" value="查询">&nbsp;<input type="search" value="下载"></div>
</div>
<ul class="tab">
    <li class="zx1">订单号码</li>
    <li>客户姓名</li>
    <li>客户手机</li>
    <li>订单类型</li>
    <li>订单金额</li>
    <li class="tab1">订单时间</li>
    <li class="tab2">状态</li>
    <li class="tab3" style="width:120px">操作</li>
</ul>
<ul class="tab">
    <li class="zx1">100001</li>
    <li>Kinson</li>
    <li>13917507064</li>
    <li>婚纱</li>
    <li>6000</li>
    <li class="tab1">2015-06-24</li>
    <li class="tab2">未完成</li>
    <li class="tab3" style="width:120px"><span class="xg">修改</span>| <span class="pq">排期</span>|<span class="shanchu">删除</span></li>
</ul>
<ul class="tab">
    <li class="zx1">100002</li>
    <li>呵与哈</li>
    <li>13917507064</li>
    <li>写真</li>
    <li>3333</li>
    <li class="tab1">2015-07-20</li>
    <li class="tab2">已完成</li>
    <li class="tab3" style="width:120px"><span class="xg">修改</span>| <span class="pq">排期</span>|<span class="shanchu">删除</span></li>
</ul>
<ul class="tab">
    <li class="zx1">100003</li>
    <li>Kinson</li>
    <li>13917507064</li>
    <li>亲子</li>
    <li>12000</li>
    <li class="tab1">2015-07-20</li>
    <li class="tab2">未完成</li>
    <li class="tab3" style="width:120px"><span class="xg">修改</span>| <span class="pq">排期</span>|<span class="shanchu">删除</span></li>
</ul>












</body>
</html>






